<template>
  <!-- <div class="son">我是子组件---{{ $attrs }}</div> -->
  <!-- <div v-on="$listeners" @click="$listeners.click" @fn="$listeners.fn"> -->
  <div v-on="$listeners">
    <!-- <img alt="" :src="$attrs.src"> -->
    <img alt="" v-bind="$attrs">
    <!-- <button @click="btnCLick">点击</button> -->
    <Sonson v-bind="$attrs" v-on="$listeners" />
  </div>
</template>
<script>
import Sonson from './sonson.vue'
export default {
  components: {
    Sonson
  },
  //   inheritAttrs: false, // 默认是将非props属性放到组件标签最外层，false不放最外层
  // $attrs:非props传参,没有使用props接收的参数
  //   $listeners:接收所有的子组件标签上绑定的方法
  //   v-on=$listeners:将所有的方法绑定到相应标签上  {a:()=>{},b:()=>{}}
  //    v-bind="{a:1,b:2}"   :a="1"  :b="2"
  props: ['num'],
  methods: {
    btnCLick() {
      //   this.$listeners.fn()
      //   console.log(this.$listeners)
    }
  }
}
</script>
<style></style>
